.bottom{
    width: 100%;
    height: 100/(750/15)+rem;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999;
    opacity: .95;
    line-height: 1.1;
    overflow: hidden;
    // border: 1px saddlebrown solid; 
    // background-color: #f8f8f8;
}

.bottom>div{
    height: 100%;
    position: relative;
    margin: 0 auto;
    // max-width: 768/(750/15)+rem;
    overflow: hidden;
    background: #f8f8f8;
    // border-top: 1px solid #dcdcdc;
    // border: 1px solid red;
}

.bottom ul{
    display: flex;
    justify-content: space-around;
}

.bottom ul li {
    position: relative;
    overflow: hidden;
    width: 25%;
    // border: 1px solid red;
    margin-top: -40/(750/15)+rem;
    margin-left: -80/(750/15)+rem;
    text-align: center;
}

/* 悬停效果 */
.bottom-li:hover path{
    stroke: #ff8000;
}
.bottom-li:hover a{
    color: #ff8000;
}


.bottom-li a {
    width: 100%;
    height: 3rem;
    /* border: 1px solid red; */
    color: #444;
    text-decoration: none;
}

.active a {
    color: #ff8000;
}


.active a svg path{
   stroke: #ff8000;
}

.bottom-li a svg {
    width: 45/(750/15)+rem;
    height: 45/(750/15)+rem;
 }

.bottom-li span{
    line-height: 24/(750/15)+rem;
    font-size: 13/(750/15)+rem;
    display: block;
}